var page=(function(ns){
	
    //页面初始化
    ns.init = function(){
		ns.query();
    }

  	ns.query = function(){
		var data = searchs.getData()
		var params = {}
		data.forEach(function (item) {
			params[item.field] = item.value
		})
  		$.ajaxs('/admin/v1/Home/getData',params,function(res){
  			$("#dom-info").html( template("tpl-dom",{ data:res.data || {} }) ) 
			var data = res.data.total_sum_and_num
			var turnover = []
			var order = []
			var xArr = []
			for( var obj in data ){
				turnover.push( data[obj].amount )
				order.push( data[obj].total_num )
				console.log(obj)
				xArr.push( obj )
			}
			ns.loadBarEcharMoney(xArr, turnover); 
			ns.loadBarEcharOrder(xArr, order); 
			$('.content').removeClass('hidden')	
  		});

		$(document).on( 'click', '.btn', function(e){
			e.stopPropagation()
			let item = $(e.currentTarget)
			console.log( '你点击了' + item.attr('name')+' ,'+item.attr('arg'))
		})
  	}
  	
  	//加载柱状图
  	ns.loadBarEcharMoney = function(xArr, yArr){
		  console.log(xArr)
  			var barOption = {
			    tooltip: {
			        trigger: 'axis',
			        axisPointer: {
			            type: 'cross',
			            crossStyle: {  color: '#999' }
			        }
			    },
			    //x轴属性设置 需要详细了解该模块属性配置 可参见http://echarts.baidu.com/option.html#xAxis
			    xAxis: [{
			        type: 'category', 
			        data: xArr, //坐标轴的值
			    }],
			    //（可以有多个坐标轴），数组中的对象位置决定了yAxisIndex的值
			    yAxis: [
			        {
			            type: 'value', //表示属性为value类
			            axisLabel: {
			                formatter: '{value}', //表示所有值得单位
			                interval: 0 //不自动隐藏
			            },
			            axisTick:{ show:false }
			        }
			    ],
			    series: [ //坐标轴实际数据内容
			        {
			            name: '营业额', 	//数据名称
			            type: 'bar', 			//数据表现形式（bar为柱形图，line为折线图）
			            barWidth: '40%', 	//柱形图宽度
			            barGap:'0.1',//柱图间距
			            itemStyle: { 			//柱子的属性设置
			                normal: {
			                    color: '#2EC7C9', //柱子的颜色设置
			                    barBorderRadius: [3, 3, 0, 0],
			                },
			            },
			            label: {
			                show: true,
			                position: 'top'
			            },
			            data: yArr,
			        }
			    ],
			    //设置网格属性
			    grid: {
			        left: '8%', //网格距离容器左侧的距离
			        right: '5%', //网格距离容器右侧的距离
			        bottom: "10%",
			        borderWidth: 1,
			        show: false
			    },
			    backgroundColor: "#FEFEFE"
			}
	  		echarts.init( document.getElementById("echar-money") ).setOption(barOption, true);
  		// });
  	}

	ns.loadBarEcharOrder = function(xArr, yArr){

		  var barOption = {
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'cross',
					crossStyle: {  color: '#999' }
				}
			},
			//x轴属性设置 需要详细了解该模块属性配置 可参见http://echarts.baidu.com/option.html#xAxis
			xAxis: [{
				type: 'category', 
				data: xArr, //坐标轴的值
			}],
			//（可以有多个坐标轴），数组中的对象位置决定了yAxisIndex的值
			yAxis: [
				{
					type: 'value', //表示属性为value类
					axisLabel: {
						formatter: '{value}', //表示所有值得单位
						interval: 0 //不自动隐藏
					},
					axisTick:{ show:false }
				}
			],
			series: [ //坐标轴实际数据内容
				{
					name: '订单数', 	//数据名称
					type: 'bar', 			//数据表现形式（bar为柱形图，line为折线图）
					barWidth: '40%', 	//柱形图宽度
					barGap:'0.1',//柱图间距
					itemStyle: { 			//柱子的属性设置
						normal: {
							color: '#84bf96', //柱子的颜色设置
							barBorderRadius: [3, 3, 0, 0],
						},
					},
					label: {
						show: true,
						position: 'top'
					},
					data: yArr,
				}
			],
			//设置网格属性
			grid: {
				left: '8%', //网格距离容器左侧的距离
				right: '5%', //网格距离容器右侧的距离
				bottom: "10%",
				borderWidth: 1,
				show: false
			},
			backgroundColor: "#FEFEFE"
		}
		  echarts.init( document.getElementById("echar-order") ).setOption(barOption, true);
		// });
	}
	ns.invest = function(){
		console.log('invest')
		function successFn(){
			layui.form.render();	//可以忽略
		}
		function yesFn () {
			var data = $("#invest").serializeJson();
			$("#invest").validformIn(function(data){ 
				console.log(data)
				
				// $.ajaxs('/admin/v2/key_account/set', data).then(function (res) {

					layer.closeAll();
				// })	

				//弹图片
				layer.open({
					type: 1,
					title: false,
					closeBtn: 0,
					area: ['auto'],
					skin: 'layui-layer-nobg', //没有背景色
					shadeClose: true,
					content: 'hsajdghsagdsagj'
				});	
			});
			
		}

		var htmlStr = template("investForm",successFn, yesFn, {})
		$.openModalDialog(htmlStr, "店铺钱包充值",successFn, yesFn, ['500px', '250px']);
	}
	ns.withdraw = function(){
		console.log('withdraw')
		function successFn(){
			layui.form.render();	//可以忽略
		}
		function yesFn () {
			var data = $("#withdraw").serializeJson();
			$("#withdraw").validformIn(function(data){ 
				console.log(data)
				
				// $.ajaxs('/admin/v2/key_account/set', data).then(function (res) {
				// 	console.log(res)
				// 	layer.closeAll();
				// })		
			});
			
		}
		var htmlStr = template("widthdrawForm",successFn, yesFn, {})
		$.openModalDialog(htmlStr, "店铺钱包提现",successFn, yesFn, ['500px', '380px']);
	}
    return ns;
}({}));

$(function(){ page.init() });





